@extends('base')
@section('title', 'article.title')
@section('csses')

<style type="text/css">
  .lidiv1 a {
    color: black;
  }
  .lidiv1 a:hover {
    color: red;
  }
</style>
@endsection
@section('content')
    <div>
      <div class="col-md-12" >
          <i>The final print version of each paper my have some changes, pending the requirement of the journal.</i>
        </div>
        <div class="col-md-12 sec">
          <input id="main-check" type="checkbox" >
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            Selected:<img src="{{asset('images/sele_abs.gif')}}"><a class="view_abstract" href="#">View Abstracts</a>
            <div id="ref-export" class="dc-con" data-e-url="{{ route('press_article.export_refs') }}">
              <img src="{{asset('images/sele_down.jpg')}}"><span>Download Citations</span>
              <dl>
                <a href="#" data-type="endnote">EndNote</a>
                <a href="#" data-type="reference_manager">Reference Manager</a>
                <a href="#" data-type="procite">ProCite</a>
                <a href="#" data-type="bibtex">BibTeX</a>
                <a href="#" data-type="refworks">RefWorks</a>
              </dl>
            </div>
            <img src="{{asset('images/sele_pic1.png')}}"><a class="togle_pic" href="#">Toggle Thumbnails</a>
        </div>
        <div class="col-md-12 article-list" style="margin-top: 10px;">
            @foreach($articles as $v)
                <div style="margin:20px 0px;">
                    <div>{{substr($v->publish_date, 0, 10)}}</div>
                    <div class="lidiv1">
                        <input style="width: 20px;" type="checkbox" class="article_check" name="" value="{{ $v->id }}">
                       <a href="{{ route('press_article.index', ['id' => $v->id]) }}" ><b>{{ $v->getTitle() }}</b></a>
                    </div>
                    <div style="margin-left:20px; color: #444;font-size: 12px;">{!! $v->authors !!} </div>
                    <div style="margin-left:20px; color: #444;font-size: 12px; padding-right: 50px;">{!! str_limit($v->getAbstract(), 320, '...') !!} </div> 
                    <div style="margin-left:20px;">Zoological Research &nbsp;&nbsp;DOI: {{ $v->doi_number }}</div>
                </div>
            @endforeach

            {{$articles->links()}}
        </div>
        
    </div>
@endsection